<style>
    .issueTask-panel .inventory{
        background:#f0f0f0;
        padding:10px 20px;
        position:relative;
    }
    .issueTask-panel .inventory .pin-icon{
        background:url(images/pin-icon.png) 0 0 no-repeat;
        position:absolute;
        width:26px;
        height:20px;
        display:inline-block;
        right:10px;
    }
    .issueTask-panel .inventory .name .sp1{
        width:6px;
        height:6px;
        border-radius:6px;
        background:#f0f0f0;
        display:inline-block;
        border:4px solid #4fa4f1;
    }
    .issueTask-panel .inventory .name .sp2{
        display:inline-block;
        font-size:16px;
        color:#4fa4f1;
    }
    .issueTask-panel .inventory .case{
        border:1px solid #bbb;
        background:#fff;
        margin-top:10px;
    }
    .issueTask-panel .inventory .case2{
        border-radius:5px;
        background:#fff;
        margin-top:10px;
        padding:8px 0px;
    }
    .issueTask-panel .inventory .case dl{
        display:inline-block;
        width:24%;
        text-align:center;
    }
    .issueTask-panel .inventory .case2 .div1,
    .issueTask-panel .inventory .case2 .div2,
    .issueTask-panel .inventory .case2 .div3{display:inline-block}
    .issueTask-panel .inventory .case2 .div1{width:5%;border-right:1px solid #e3e3e3;float:left;height:45px;padding:20px 0 0 15px}
    .issueTask-panel .inventory .case2 .div2{width:58%;border-right:1px solid #e3e3e3;margin-left:2%}
    .issueTask-panel .inventory .case2 .div2 .title span{color:#2590f1;text-align:left;margin-bottom:5px;text-indent:10px}
    .issueTask-panel .inventory .case2 .div2 .message .list{width:48%;display:inline-block;}
    .issueTask-panel .inventory .case2 .div2 .message .list span{float:left}
    .issueTask-panel .inventory .case2 .div3{width:28%;margin-left:20px}
    .issueTask-panel .inventory .case2 .div3 ul li{list-style:inside;width:50%;float:left;line-height:50px}
</style>

<div class="issueTask-panel" id="issueTask-panel">
    <div class="inventory">
        <div class="name">
            <span class="sp1"></span>
            <span class="sp2">任务清单</span>
        </div>
        <div class="pin-icon"></div>
        <div class="case ptb5">
            <dl>
                <dt>新增任务</dt>
                <dd><i class="fontRed" id="addMsgCount">0</i> 个</dd>
            </dl>
            <dl>
                <dt>取消任务</dt>
                <dd><i class="fontRed" id="cancelMsgCount">0</i> 个</dd>
            </dl>
            <dl>
                <dt>删除任务</dt>
                <dd><i class="fontRed" id="delMsgCount">0</i> 个</dd>
            </dl>
            <dl>
                <dt>完成任务</dt>
                <dd><i class="fontRed" id="successMsgCount">0</i> 个</dd>
            </dl>
        </div>
    </div>

    <div class="inventory mt10">
        <div class="name" style="box-shadow:0 -1px 0 #ccc inset;height:30px;">
            <span class="sp1"></span>
            <span class="sp2">清单列表</span>
            <span class="search-Btn fr">
                 <button data-bind="click:get_all">全选</button>
                 <button data-bind="click:send_data">一键重发</button>
                 <button data-bind="click:clear">清空控制板内所有数据</button>
            </span>
        </div>
        <div style="width:100%;height:440px;overflow-y:auto;overflow-x:hidden" id="data_list">

        </div>
        <div class="case2" id="data_item_model" style="display: none">
            <div class="div1">
                <input type="checkbox" id="checkbox-task" class="regular-checkbox" /><label class="checkbox-label" for="checkbox-task"></label>
            </div>
            <div class="div2">
                <div class="title"><span class="park_org_name"></span></div>
                <div class="message">
                    <div class="list">
                        <span>设备机号：</span>
                        <span class="gateway_ip"></span>
                    </div>
                    <div class="list">
                        <span>设备IP：</span>
                        <span class="message_ip"></span>
                    </div>
                    <div class="list">
                        <span>设备端口：</span>
                        <span class="message_port"></span>
                    </div>
                    <div class="list">
                        <span>设备内数据：</span>
                        <span class="device_data"><a onclick="assignmentManual.getControlCount(this)">点我获取数量</a></span>
                    </div>
                </div>
            </div>
            <div class="div3">
                <ul>
                    <li>新增<i class="fontRed item_new_data" >0</i>个</li>
                    <li>删除<i class="fontRed item_delete_data" >0</i>个</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="basicInfo-btn">
        <button class="flush" data-bind="click:rush_data">刷新</button>
    </div>
</div>
<script>
    var assignmentManual = new AssignmentManual($('#issueTask-panel'));
</script>